// 添加响应拦截器
// axios.interceptors.response.use(函数1 函数2)
// 函数1 处理的是成功状态(状态码是200,300)的相应
// 函数2 处理的是失败状态(状态码是4xx,5xx)的相应

// axios.interceptors.response.use(
//     function(response){
//         let {status,message}=response.data;
//         if(status===1){
//             layer.msg(message);
//         }
//         return response;
//     },
//     function(error){
//         let {message}= error.response.data;
//         layer.msg(message)
//     }
// )
// 切换两个盒子
// 登录
// 点击a标签 让注册的盒子显示
$('.login a').on('click',function(){
    $('.register').show();
});
// 阻止默认行为   收集账号和密码 ajax提交到接口
$('.login form').on('submit',function(e){
    e.preventDefault();
    let data = $(this).serialize();
    // axiou.post (url,请求体).then(函数);
    axios.post('http://www.itcbc.com:8080/api/login',data).then(function(response){
        // 解构赋值 获取响应结果中status/message/token
          let{ status,message,token}=response.data;
          if(status===0){
            localStorage.setItem('token',token);
            // 提示一下
            layer.msg(message,{time:1500},()=>{
                // 跳转
               location.href ='./index.html' 
            });
           
        }
    } ) 
});

// 注册
  

    $('register a').on('submit',function(e){
        e.preventDefaut();
        let data = $(this).serialize();
        axios.post('http://www.itcbc.com:8080/api/reguser',data).then(res=>{
            let { status,message,} = res.data;
            if(status===0){
                layer.msg(message);
                // 清空输入框(重置表单)
                $(this)[0].reset();
                // 切换盒子
                $('.register').hide();
            }
        });
    })

    // 表单验证
    // 自定义验证规则
    // 使用layui的内置模块,使用之前 必须加载模块
    // 加载语法 let xxx = layui.模块名

    
    let form = layui.form;
    // console.log(form);
    form.verify({
        // 键(验证规则):值(怎样验证)
        // len:[正则表达式,验证不通过的提示]
        len :[/^\S{6,12}$/,'长度6~12位不够'],
        // 函数形式,形参表示使用该验证规则的输入框的值
        //  案例中,确认密码使用了这个验证规则,形参val表示我们输入的确认密码
        // same:function(val){retuen'验证不通过时的提示'}
        same:function(val){
            let pwd = $('.pwd').val();
            if(pwd !==val)return '两次密码不一致';
        }
    })